<template>

  <p :style="{color:mycolor,fontSize:fontsize+'px'}">第一种方式:对象写法</p>
  <p :style="_styleObj">第一种方式:对象写法</p>
  <p :style="[_styleObj,_styleObj2]">第三种方式：数组绑定</p>
</template>

<script>

export default {
  data() {
    return {
      mycolor: 'red',//value是样式值
      fontsize: 20,
      _styleObj: {
        color: 'red',//key是样式名称
        fontSize: '20px',
      },
      _styleObj2: {
        backgroundColor:'blue'
      },
    }
  }
}
</script>

